<!-- 
    HTML骨架：英文感叹号!,回车/tab
    HTML注释：快捷键 ctrl+/
    HTML标签：英文尖括号<>，英文大于号>,英文小于号<
    div 标签：块级标签，占满一行
    span标签：行内标签，不占满一行
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>HTML基础</title>
</head>

<body>

  <!-- 
        文本相关标签：
            标题标签h1~h6，
            段落标签p
    -->
  <div>
    <h2>多项政策发力积极因素加快积累经济运行持续向”稳”向”好“态势</h2>
    <p>
      <span style="color: aqua">央视网</span>&nbsp;&nbsp;<span style="color: gray">2024年09月24日 20::39</span>
    </p>
    <p>
      <strong>央视网消息</strong>：9月24日，金融机构公布多项重磅金融政策：下调存款准备金率、统一房贷最低首
      付比例至15%等，金融"活水"进一步支持经济稳增长。民生领域高质量发展也取得振奋人心的成绩
      为百姓带来了实实在在的幸福感、获得感；另外，《新闻联播》还报道了秋粮收获、航天科技、药品
      监管多个方面的利好消息。多领域发展成果提振信心，各方保持良好发展势头，我国经济运行”稳”的
      态势没有改变。
    </p>
    <h4>多项政策发力进一步支持经济稳增长</h4>
    <p>
      国务院新闻办公室9月24日举行新闻发布会，中国人民银行、金融监管总局、证监会主要负责人
      介绍了金融支持经济高质量发展有关情况。
    </p>
  </div>
  <hr />
  <div>
    <h1>多项政策发力 积极因素加快积累 经济运行持续向“稳”向“好”态势</h1>
    <p>央视网 2024年09月24日 20:39</p>
    <p>
      央视网消息：9月24日，金融机构公布多项重磅金融政策：下调存款准备金率、统一房贷最低首付比例至15%等，金融“活水”进一步支持经济稳增长。民生领域高质量发展也取得振奋人心的成绩，为百姓带来了实实在在的幸福感、获得感；另外，《新闻联播》还报道了秋粮收获、航天科技、药品监管多个方面的利好消息。多领域发展成果提振信心，各方保持良好发展势头，我国经济运行“稳”的态势没有改变。
    </p>
    <h2>多项政策发力 进一步支持经济稳增长</h2>
    <p>
      国务院新闻办公室9月24日举行新闻发布会，中国人民银行、金融监管总局、证监会主要负责人介绍了金融支持经济高质量发展有关情况。
    </p>
  </div>
  <hr />
  <!-- 
        文本格式化
            加粗：strong/b
            倾斜：em/i
            下划线：ins/u
            删除线：del/s
    -->
  <div>
    <h1>美味的美食推荐</h1>
    <h3>北京烤鸭</h3>
    <p>
      <b>北京烤鸭</b>是具有世界声誉的北京著名菜式。它以色泽红润，肉质肥而不腻的特色，被誉为“天下美味”。<b>推荐理由</b>：皮脆肉嫩，香气四溢。<em>品尝时</em>，可以用薄饼卷着鸭肉、葱丝和甜面酱一起吃。
    </p>
    <p>
      原本的吃法是搭配黄瓜条，<del>现在很多人也喜欢去掉黄瓜条</del>，<ins>只保留葱丝和甜面酱</ins>，这样味道更加浓郁
    </p>
    <h3>重庆火锅</h3>
    <p>
      <strong>重庆火锅</strong>以其独特的麻辣口味闻名遐迩。火锅底料是重庆火锅的灵魂，由多种香料和辣椒精心熬制而成。<strong>特色</strong>：麻辣鲜香，食材丰富。<i>涮菜时</i>，毛肚、鸭肠等都是必
      点的菜品。
    </p>
    <p>
      以前火锅里会放很多牛油，<s>现在为子健康考虑</s>，有些火锅店会适当减少牛油的用量，<u>增加一些清汤锅底的选择</u>。
    </p>
  </div>
  <hr />
  <!-- 
        图片标签：img
        属性：
            src：图片路径
            alt：图片描述
            width：宽度
            height：高度
            title：鼠标悬停显示的提示信息
        路径
            相对路径：从当前页面的路径开始，以“.”开头
                '.':表示当前目录
                '..':表示上一级目录
                '/':表示进入某个文件夹
            绝对路径：从根目录开始
    -->
  <div class="container1">
    <div class="item">
      <img src="./image/image.png" alt="图片1" title="图片1" />
      <p>“政"直播丨国新办举行"推动高质量发展"新闻发布会 (生态环境部)</p>
    </div>
    <div class="item">
      <img src="./image//image1.png" alt="图片2" title="图片2" />
      <p>专题|赵忠贤：让中国高温超导研究路身国际前列</p>
    </div>
    <div class="item">
      <img src="./image/image2.png" alt="图片3" title="图片3" />
      <p>走路骑车请不看手机</p>
    </div>
  </div>
  <style>
    .container1 {
      display: flex;
      height: 220px;
      padding: 10px;
      gap: 10px;
    }

    .item {
      display: flex;
      flex-direction: column;
      width: 200px;
      height: 200px;
      align-items: center;
    }

    img {
      width: 200px;
      height: 200px;
      object-fit: cover;
    }

    p {
      align-items: center;
      margin: 5px 0 0 0;
    }
  </style>
  <hr />
  <!-- 
        超链接：a标签
        属性：
            target="_blank"：在新窗口打开
            href：链接地址
    -->
  <div>
    <a href="https://www.runoob.com" target="_blank">菜鸟教程</a>
    <a href="./02.html" target="_blank">02.html</a>
    <a href="#">空连接</a>
  </div>
  <hr />
  <!-- 
        字符实体：
            &lt;：小于号
            &gt;：大于号
            &nbsp;：空格
            &copy;：版权符号
    -->
  <div>
    <h1>张三的个人简介</h1>
    <p>
      大家好，我是一名刚入门的前端学习者，希望通过每天的练习逐步掌握HTML5技术。
      我的学习目标是：<strong>熟练掌握网页结构</strong>，并学会用语义化标签编写规范的代码。
      今天的课程重点包括：<i>标题、段落、图片和超链接</i>。
    </p>
    <h2>我的照片</h2>
    <img src="./image/image3.png" alt="我的照片" title="我的照片" />
    <h2>学习资源</h2>
    <p>
      推荐学习网站:
      <a href="https://www.itheima.com" target="_blank">黑马程序员官网</a>
    </p>
    <p>&nbsp;</p>
    <p>&copy; 2025张三&nbsp;|&nbsp;联系邮箱：zhangsan@example.com</p>
  </div>
</body>

</html>